<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

	<!-- Head -->
	<head>
		<%= render 'layouts/beyond/head' %>
	</head>
	<!-- /Head -->
	<!-- Body -->
	<body>
		<!-- Navbar -->
		<div class="navbar">
			<div class="navbar-inner">
				<div class="navbar-container">
					<!-- Navbar Barnd -->
					<div class="navbar-header pull-left">
						<a href="#" class="navbar-brand"> <small> <!-- <img src="assets/img/logo.png" alt="" /> --> JBTX </small> </a>
					</div>
					<!-- /Navbar Barnd -->
					<!-- Sidebar Collapse -->
					<div class="sidebar-collapse" id="sidebar-collapse">
						<i class="collapse-icon fa fa-bars"></i>
					</div>
					<!-- /Sidebar Collapse -->
					<!-- Account Area and Settings --->
					<div class="navbar-header pull-right">
						<div class="navbar-account">
							<ul class="account-area">
								<li>
									<a class="login-area dropdown-toggle" data-toggle="dropdown">
									<section>
										<h2><span class="profile"><span><%= current_user.email%></span></span></h2>
									</section> </a>
									<!--Login Area Dropdown-->
									<ul class="pull-right dropdown-menu dropdown-arrow dropdown-login-area">
										<li class="username">
											<a><%= current_user.email%></a>
										</li>

										<li class="edit">
											<a href="profile.html" class="pull-left">Profile</a>
											<a href="#" class="pull-right">Setting</a>
										</li>
										
										<li class="dropdown-footer">
											<%= link_to "退出", destroy_user_session_path, method: :DELETE %>
										</li>
									</ul>
									<!--/Login Area Dropdown-->
								</li>
								<!-- /Account Area -->

						</div>
					</div>
					<!-- /Account Area and Settings -->
				</div>
			</div>
		</div>
		<!-- /Navbar -->
		<!-- Main Container -->
		<div class="main-container container-fluid">
			<!-- Page Container -->
			<div class="page-container">
				<!-- Page Sidebar -->
				<div class="page-sidebar" id="sidebar">
					<!-- Page Sidebar Header-->
					<div class="sidebar-header-wrapper">
						<input type="text" class="searchinput" />
						<i class="searchicon fa fa-search"></i>
						<div class="searchhelper">
							Search Reports, Charts, Emails or Notifications
						</div>
					</div>
					<!-- /Page Sidebar Header -->
					<!-- Sidebar Menu -->
					<%= render 'layouts/beyond/side_menu'%>
					<!-- /Sidebar Menu -->
				</div>
				<!-- /Page Sidebar -->
				<!-- Page Content -->
				<div class="page-content">
					<!-- Page Breadcrumb -->
					<div class="page-breadcrumbs">
						<ul class="breadcrumb">
							<li>
								<i class="fa fa-home"></i>
								<a href="#">Home</a>
							</li>
							<li>
								<%= @page_title.present? ? @page_title : ""  %>
							</li>

						</ul>
					</div>
					<!-- /Page Breadcrumb -->

					<!-- Page Body -->
					<div class="page-body">
						<!-- Your Content Goes Here -->

						<%= yield %>

					</div>
					<!-- /Page Body -->
				</div>
				<!-- /Page Content -->
			</div>
			<!-- /Page Container -->
			<!-- Main Container -->

		</div>
		<%= render 'layouts/beyond/js'%>
	</body>
	<!--  /Body -->
</html>
